import React from 'react';
import {useCounterContext} from './useCounter';

export function Button() { 
    // use the context 
    const { increment,decrement } = useCounterContext(); 
    return (
      <>
      <button onClick={increment}>+</button>
      <button onClick={decrement}>-</button>
      </>
    )
  
  } 
   